import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'

const app = createApp(App)
// css适配
import '@/utils/flexible'
// 引入全局样式
import "./CSS/base.css"
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import zhCn from 'element-plus/es/locale/lang/zh-cn';//设置默认为中文
// main.ts
// 如果您正在使用CDN引入，请删除下面一行。
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
// axios
import axios from 'axios'
import VueAxios from 'vue-axios'
app.use(VueAxios, axios)
// 切换大图配置
// import Viewer from 'v-viewer'
// import 'viewerjs/dist/viewer.css'
// app.use(Viewer)

// Viewer.setDefaults({
//   Options: {
//     'inline': true, // 是否启用inline模式
//     'button': true, // 是否显示右上角关闭按钮
//     'navbar': true, // 是否显示缩略图底部导航栏
//     'title': true, // 是否显示当前图片标题，默认显示alt属性内容和尺寸
//     'toolbar': true, // 是否显示工具栏
//     'tooltip': true, // 放大或缩小图片时，是否显示缩放百分比，默认true
//     'fullscreen': true, // 播放时是否全屏，默认true
//     'loading': true, // 加载图片时是否显示loading图标，默认true
//     'loop': true, // 是否可以循环查看图片，默认true
//     'movable': true, // 是否可以拖得图片，默认true
//     'zoomable': true, // 是否可以缩放图片，默认true
//     'rotatable': true, // 是否可以旋转图片，默认true
//     'scalable': true, // 是否可以翻转图片，默认true
//     'toggleOnDblclick': true, // 放大或缩小图片时，是否可以双击还原，默认true
//     'transition': true, // 使用 CSS3 过度，默认true
//     'keyboard': true, // 是否支持键盘，默认true
//     'zoomRatio': 0.4, // 鼠标滚动时的缩放比例，默认0.1
//     'minZoomRatio': 0.01, // 最小缩放比例，默认0.01
//     'maxZoomRatio': 100, // 最大缩放比例，默认100
//     'url': 'data-source' // 设置大图片的 url
//   }
// })

app.use(ElementPlus, { locale: zhCn })
app.use(createPinia())
app.use(router)

app.mount('#app')